@charset "utf-8";.btn{ display: inline-block;color: #fff;padding: 0 8px;line-height: 22px;text-align: center}
.btn img{ vertical-align: -2%}
.btn.btn-blue{ background-color: #0099d5}
.btn:hover{ color: #fff;opacity: .7}
.text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.text-right{ text-align: right}
.fz13{ font-size: 13px}
.fstart{ justify-content: flex-start}
.w50{ width: 48%}
.w30{ width: 30%}
.w80{ width: 80%}
.mt10{ margin-top: 10px}
.mt17{ margin-top: 17px }
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.nav ul>li .index_lxwm {
    margin: 0;
    padding-left: 15px;
    display: flex;
    justify-content: left;
}
.nav ul>li .index_lxwm a{
    color: #2d448d;
    line-height: 35px;
    font-size: 14px;
}
.nav li.mobile_show {
    display: none;
}
@media (max-width:991px) {
    .nav ul>li .index_lxwm {
        margin: 0;
        padding-left: 0px;
        display: flex;
        justify-content: left;
    }
.mobile_show {display: block;}
.nav ul .mobile_show a{
    font-size: 14px;
    line-height: 26px;
}
}

@media screen and (max-width:991px){ 
.mobile_ul{padding-left: 15px  !important;padding-right: 15px  !important;padding-top: 0px  !important;padding-bottom: 0px  !important;}
}
@media screen and (max-width:991px){ .m-100{  width: 100%!important }
 .m-hide{  display: none!important }
 .m-mt10{  margin-top: 10px!important }
 .m-mt20{  margin-top: 20px!important }
 .m-mt30{  margin-top: 30px!important }
 .m-hauto{  height: auto!important }}.container{ max-width: 1200px}
body{ background-color: #f2f2f2}
@media screen and (max-width:991px){ .header{  height: auto }.header .menu_button{ margin-top: 6%;margin-left:3%;float:right; position: relative;width: 30px;height: 21px;transition: all .3s;margin-left: 30px ;padding-top:15px;}
 .header .menu_button i{  background: #000;display: block;width: 30px;height: 3px;margin-bottom: 6px;transition: all .3s }
 .header .menu_button i:last-child{  margin-bottom: 0 }
 .header .menu_button.close{  top: -5px }
 .header .menu_button.close i:first-child{  left: 0;top: 12px;transform: rotateZ(45deg);position: absolute }
 .header .menu_button.close i:nth-child(2){  display: none }
 .header .menu_button.close i:last-child{  left: 0;top: 12px;transform: rotateZ(-45deg);position: absolute }.nav{display:none;}.nav ul>li>a>i.triangle {
    position: absolute;
    width: 40px;
    height: 100%;
    background: url(../images/public/dropdown.png) no-repeat center;
    background-size: 23px;
    top: 0;
    right: 0;
    left: auto;
transition: all .3s;}
}.header .logo{ text-align: center;margin-top: 43px;margin-bottom: 27px;}
@media screen and (max-width:768px){.header .logo{  float: none;display:inline-block;width: 40%;margin-top: 6%;margin-bottom: 0 ;height:50px;text-align:left;}
 .header .logo img{  height:100%; }}.header .search{ width: 305px;overflow: hidden;align-items: center;margin-top: 68px;background: #ccc;height: 45px;padding: 5px;position: relative}
@media screen and (max-width:991px){.header .search{  width: 52%;margin-top: 7% }}@media screen and (max-width:768px){.navbar-toggler{margin-top:6%;padding-top:4%;width:12%;}  .header .search{  width: 100%;margin-top: 5%;margin-bottom: 5% }}
.header .search input{ display: block;width: calc(100% - 44px);height: 100%;padding: 0 0 0 20px;font-size: 16px;color: #999;border-radius: 4px}
.header .search button{ position: absolute;width: 34px;height: 34px;top: 5px;right: 5px;cursor: pointer;color: #fff;font-size: 18px;background: url(../images/public/yun.png)}
.header .search button:hover{ opacity: .8}
.nav{ background-color: #2d448d}
.nav>ul{ width: 1200px;margin: 0 auto}
@media screen and (max-width:991px){ .nav ul{  width: 100%;overflow: hidden;padding: 2% 4%; }}.nav ul>li{ line-height: 62px;padding: 0 23px;display: inline-block;position: relative}
@media screen and (max-width:991px){ .nav ul>li{  float: none;display: block;padding: 0;line-height: 40px }}.nav ul>li>.submenu{ display: none;position: absolute;background: #f3f5f4;width: 720px;min-height: 270px;left: -78px}
.nav ul>li>.submenu>ul{ line-height: initial;padding: 0;float: left;padding-top: 7px;}
.nav ul>li>.submenu>ul>li{ margin-left: 15px;margin-right: 15px;padding: 0;display: block}
/*@media screen\0{ .nav ul>li>.submenu>ul{  width: 33.33%;padding: 0 }}*/.nav ul>li>.submenu>ul>li,.nav ul>li>.submenu>ul>li a{ font-size: 14px;color: #666;line-height: 26px;text-align: left;}
.nav ul>li>.submenu>ul>li.nav_bt{    /* height: 35px;*/box-sizing: content-box;}
.nav ul>li>.submenu>ul>li.pb17{padding-bottom: 17px;min-height:35px;}
.nav ul>li>.submenu>ul>li.nav_bt,.nav ul>li>.submenu>ul>li.nav_bt a{ color: #2d448d;line-height: 35px;}
.nav ul>li.on>.submenu,.nav ul>li:hover>.submenu{ z-index: 3}
.nav ul>li>.submenu3{left: -194px;}/*法律规则*/
.nav ul>li>.submenu4{left: -260px;}/*服务支持*/
.nav ul>li>.submenu5{left: -300px;}/*投资者*/
.nav ul>li>.submenu6{width:782px;left: -326px;}/*网上业务平台*/
.nav ul>li>.submenu7{left: -320px;}/*快捷入口*/
.nav ul>li a{ color: #fff;font-size: 16px;display: block;text-align: center;}
.nav>ul>li>a{font-weight: bold;}
.nav>ul>li.translate{padding:0px; height: 62px;}
.nav>ul>li.translate a{display: inline-block;}
.nav>ul>li.translate span{color:#fff;font-size:18px;padding:0 8px;}
@media screen and (max-width:991px){
	.header .menu_button{ margin-top: 6%;margin-left:3%;float:right; position: relative;width: 30px;height: 21px;transition: all .3s;margin-left: 30px ;padding-top:14px;}
    .header .menu_button i{  background: #000;display: block;width: 30px;height: 3px;margin-bottom: 6px;transition: all .3s }
    .header .menu_button i:last-child{  margin-bottom: 0 }
    .header .menu_button.close{  top: -5px }
    .header .menu_button.close i:first-child{  left: 0;top: 12px;transform: rotateZ(45deg);position: absolute }
    .header .menu_button.close i:nth-child(2){  display: none }
    .header .menu_button.close i:last-child{  left: 0;top: 12px;transform: rotateZ(-45deg);position: absolute }
    .nav{display:none;}
    .nav>ul>li.translate{display: none;}
    .nav ul>li>a{position: relative;}
    .nav ul li>a>i.triangle {position: absolute;width: 40px; height: 100%;background: url(../images/public/dropdown.png) no-repeat center;background-size: 23px;top: 0;right: 0;left: auto;transition: all .3s;}
    .nav li a.on>i.triangle{transform: rotate(180deg);}
    .nav ul>li a{text-align: left;color:#fff;}
	.nav ul>li>.submenu{background:none;position:initial;width: 100%;min-height: auto;overflow: hidden;}
	.nav ul>li>.submenu ul li{display:none;}
    .nav ul>li>.submenu ul li.nav_bt{display:block;color:#fff;padding-bottom: 0px;}
	.nav ul>li>.submenu ul li.nav_bt a{color:#fff;font-size:15px;}
    .nav ul>li>.submenu>ul>li a{color:#fff;}
    .nav ul>li>.submenu>ul>li.pb17{min-height:auto;}
    /* 移动端隐藏法律法规-业务规则第二三板块的间距 */
    .nav ul>li>.submenu3 ul.fywgz:nth-child(n+3) {
        padding-top: 0px;
    }
}

.banner{ position: relative;margin-bottom: 10px;overflow: hidden}
.banner img{ height: auto;width:100%;}
.banner .swiper-slide{ height: 1px}
.banner .swiper-slide-duplicate{ height: auto}
.banner .pagination{ position: absolute;bottom: 15px;width: 100%;text-align: center;z-index: 2}
.banner .pagination .swiper-pagination-switch{ 
    background: #d2ddf0;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 7px;
    margin: 0 5px;
}
.banner .pagination .swiper-pagination-switch{ 
      color: rgb(0,0,0)!important;
  background-color: rgb(220,220,220)!important;
  border-color: rgb(0,0,0)!important;
}


.banner .pagination .swiper-pagination-switch.swiper-active-switch{
  color: rgb(0,0,0)!important;
  background-color: rgb(68,68,68)!important;
  border-color: rgb(0,0,0)!important;
}


.banner .pagination .swiper-active-switch{ background: #2d448d}
.w64{ width: 64%}
.w34{ width: 33.3%}
.mb30{ margin-bottom: 30px}
.focus{ overflow: hidden}
@media screen and (max-width:991px){ .market .shopList{width: 100%;height: 100px;background-position: right center;} .market .shopList img{margin-left: 20px;} .focus{  height: auto }}.focus .hd{ background: url(../images/index/hongtiao.jpg) no-repeat left center;padding-left: 15px;margin-bottom: 10px;line-height: 26px}
.focus .hd>a{ color: #304a91;font-size: 20px;font-weight: 700}
.focus .hd>span{ color: #304a91;font-size: 20px;font-weight: 700}
.focus .hd .more{ float: right}
.focus .newslist{ padding: 3px 10px 2px}
.focus .newslist li{ line-height: 49px;height: 49px;border-bottom: 1px solid #ccc;font-size: 16px}
.focus .newslist li a{ padding-left: 40px;color: #666;font-size: 16px;width: calc(88% - 89px);float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
@media screen and (max-width:991px){ .focus .newslist li a{  padding-left:0; }}.focus .newslist li span.date{ color: #666;font-size: 16px;float: left}
@media screen and (max-width:991px){.focus .newslist li{line-height: 28px;height:auto;padding:5px 0;}.focus .newslist li span.date{float: none}.focus .newslist li a{width: 100%;float:none;display: inline-block;white-space: normal;}}
.market{ height: 309px}
.market-flex{ height:auto;display: flex;justify-content: space-between;align-items: center;}
@media screen and (max-width:991px){ .market{  height: auto;display: inline-block; }}@media screen and (max-width:991px){ .market .w80{  width: 100% }}.market .market-tabcon{ text-align: center}
.market .market-tabcon .market-tabcon-tit{ line-height: 55px;overflow: hidden;text-align: center;font-size: 12px}
.market .market-tabcon img{ width: 450px;height: 234px}
@media screen and (max-width:991px){ .market .market-tabcon img{  width: 100%;height: auto }}.market .market-list{ margin-left: 15px;margin-right: 15px}
@media screen and (max-width:991px){ .market .market-list{  width: 100% }}.market .market-list li{ margin-top: 57px;text-align: center}
@media screen and (max-width:991px){ .market .market-list li{  float: left;width: 50%;margin-top: 30px;padding-bottom: 20px }}.market .market-list li p{ line-height: 30px;font-size: 14px;color: #304a91}
.dlrk li{ padding-bottom: 8px}
.dlrk li img{ width: 100%}
.ywpt li{ height: 38px;line-height: 38px;margin-bottom: 8px;padding-left: 47px;font-size: 16px}
.ywpt li a{ display: block;color: #d1c8af;font-size: 16px}
.ywpt .ywpt1{ background: url(../images/index/ywpt_bg1.jpg) no-repeat}
.ywpt .ywpt1:hover{ background: url(../images/index/ywpt_bg1_h.jpg) no-repeat}
.ywpt .ywpt2{ background: url(../images/index/ywpt_bg2.jpg) no-repeat}
.ywpt .ywpt2:hover{ background: url(../images/index/ywpt_bg2_h.jpg) no-repeat}
.ywpt .ywpt3{ background: url(../images/index/ywpt_bg3.jpg) no-repeat}
.ywpt .ywpt3:hover{ background: url(../images/index/ywpt_bg3_h.jpg) no-repeat}
.ywpt .ywpt4{ background: url(../images/index/ywpt_bg4.jpg) no-repeat}
.ywpt .ywpt4:hover{ background: url(../images/index/ywpt_bg4_h.jpg) no-repeat}
.ywpt .ywpt5{ background: url(../images/index/ywpt_bg5.jpg) no-repeat}
.ywpt .ywpt5:hover{ background: url(../images/index/ywpt_bg5_h.jpg) no-repeat}
.ywpt .ywpt6{ background: url(../images/index/ywpt_bg6.jpg) no-repeat}
.ywpt .ywpt6:hover{ background: url(../images/index/ywpt_bg6_h.jpg) no-repeat}
.ywpt .ywpt7{ background: url(../images/index/ywpt_bg7.jpg) no-repeat}
.ywpt .ywpt7:hover{ background: url(../images/index/ywpt_bg7_h.jpg) no-repeat}
.lxkf{ background: #fff}
.lxkf .lxkf-box{ border-top: 2px solid #0d6fb8;padding-left: 20px;padding-right: 20px;overflow: hidden;position: relative}
.lxkf .lxkf-box .lxkf_tit{ font-size: 14px;color: #1b77bc;line-height: 26px;margin-bottom: 8px}
.lxkf .lxkf-box .lxkf_tit a{ font-size: 14px;color: #1b77bc}
.lxkf .lxkf-box .lxkf_tit span{ float: right;font-size: 12px}
.lxkf .lxkf-box .gfwx_wz{ padding-bottom: 20px}
.lxkf .lxkf-box .gfwx_wz p{ font-size: 12px;color: #7f7e7e;line-height: 17px}
.lxkf .lxkf-box .gwwx_ewm{ position: absolute;top: 10px;right: 20px}
.foot{ background: #2d448d;color: #ccc;padding-top: 16px;padding-bottom: 16px;line-height: 34px}
.foot p{ font-size: 12px}
@media screen and (max-width:991px){ .foot p{  text-align: center }}.foot p a{ font-size: 12px;color: #ccc}
.foot .footnav{ float: left;line-height: 36px}
@media screen and (max-width:991px){ .foot .footnav{  float: none;text-align: center }}.foot .footnav a{ padding: 0 6px}
.foot .footnav span{ padding: 0 4px}
.foot .footLink{ float: right}
.foot .footLink select{ background-color: #2d448d;color: #fff;width: 140px;border: 1px solid #ccc;height: 30px;border-radius: 4px;padding: 4px 6px;font-size: 12px;display: block;color: inherit}
@media screen and (max-width:991px){ .foot .footLink select{  display: none }}

/*浏览器版本过低提示 */

.browser-tip {
    background-color: #606060;
    color: #fff;
    font-size: 12px;
    line-height: 8px;
    height: auto;
    width: 100%;
    letter-spacing: 1px;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.browser-tip .browser-tip-content {
    width: 850px;
    margin: 5px auto;
    font-weight: bold;
}

.browser-tip .browser-link {
    color: #fff;
    text-decoration: none;
}

.browser-tip .browser-tip-close {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

/* index首页市场数据栏样式 start*/
.market-flex{
    width: 100%;
}
.shopList{ 
    width:48%;
    height: 134px;
    border-top: 2px solid #0d6fb8;
    display: flex;
    align-items: center;
    background-position: 230px 0px;
    background-size: contain;
    background-image: url(../images/index/logo@2x.png);
    background-repeat: no-repeat;
}
.shopList a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.shopList span{
    font-size: 20px;
    color: #666666;
    font-weight: 600;
    margin-left: 16px;
}
.shopList img{
    width: 40px;
    margin-left: 40px;
}
/* index首页市场数据栏样式 end */